<!DOCTYPE HTML>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新建图文消息</title>
    <link rel="stylesheet" href="css/myself/public.css" type="text/css">
    <link rel="stylesheet" href="css/myself/user_admin.css" type="text/css">
    <link rel="stylesheet" href="css/myself/xinjiantuwen.css" type="text/css">
    <link rel="stylesheet" href="css/myself/sideBar.css" type="text/css">
    <link rel="stylesheet" href="css/myself/scroll_init.css" type="text/css" >
</head>

<body style="min-width: 1200px;" ng-app="xinJanTuWen">
    <!--右边的-->
    <div class="main_right fr">

        <!--头部的h1-->
        <div class="xin-wrap">
            <div class="header clearFloat xinjian-wrap">
                <ul class="fr clearFloat admin">
                    <li>admin</li>
                    <li><img src="images/ad1.jpg" alt="">修改密码</li>
                    <li><img src="images/ad2.jpg" alt="">退出</li>
                </ul>
                <h1 class="fl">全民健康后台管理系统</h1>
            </div>
        </div>

        <div class="wrap_percent">

            <div class="percent_div">

                <div class="xin-wrap">
                    <div class="xinjian-wrap">
                        <div class="neibu">

                            <div class="neibu-top clearFloat">
                                <span class="fl fanhui"><a href="zixun_admin.html" class="fl">返&nbsp;&nbsp;回</a></span>
                                <span class="tuwen fl"><a href="zixun_admin.html">资讯管理>></a></span>
                                <span class="fl new-info">新建图文消息</span>

                            </div>

                            <div class="zhengwen">
                                <!--收集信息的表单-->
                                <form action="" method="post" id="shoujixinxiForm">
                                    <dl class="one clearFloat xinjian-tong">
                                        <dt class="fl">资讯标题</dt>
                                        <dd class="fl"><input type="text" placeholder="请在这里输入标题" class="title tanTitle" name="title" required></dd>
                                    </dl>
                                    <dl class="one clearFloat xinjian-tong">
                                        <dt class="fl">副标题</dt>
                                        <dd class="fl"><input type="text" placeholder="请输入副标题" class="title" name="bodyTitle" required></dd>
                                    </dl>
                                    <dl class="one clearFloat xinjian-tong"  ng-controller="zixunTag">
                                        <dt class="fl">资讯标签</dt>
                                        <dd class="fl checked huoqu" ng-repeat="i in name">
                                            <!--初始化数据-->
                                            <input type="radio" id="man" name="biaoqian" ng-value="{{i.id}}"><label for="man">{{i.name}}</label>
                                            <!--<input type="radio" id="life" name="biaoqian" value="2"><label for="life">生活</label>-->
                                            <!--<input type="radio" id="zhong" name="biaoqian" value="3"><label for="zhong">中药</label>-->
                                            <!--<input type="radio" id="bao" name="biaoqian" value="4"><label for="bao">保险</label>-->

                                        </dd>
                                        <span class="zixunTag-tips" style="color:#f00;"></span>
                                    </dl>
                                    <dl class="one clearFloat xinjian-tong">
                                        <dt class="fl">是否热门</dt>
                                        <dd class="fl checked">
                                            <input type="radio" id="hot" name="popular" value="0"><label for="hot">是</label>
                                            <input type="radio" id="jing" name="popular" value="1"><label for="jing">否</label>
                                            <span class="remen-tips" style="color:#f00;"></span>
                                        </dd>
                                    </dl>
                                    <dl class="one clearFloat xinjian-tong">
                                        <dt class="fl">是否精选</dt>
                                        <dd class="fl checked">
                                            <input type="radio" id="hot" name="featured" value="0"><label for="hot">是</label>
                                            <input type="radio" id="jing" name="featured" value="1"><label for="jing">否</label>
                                            <span class="jingxuan-tips" style="color:#f00;"></span>
                                        </dd>
                                    </dl>

                                    <dl class="one clearFloat xinjian-tong">
                                        <dt class="fl">封面图片</dt>
                                        <dd class="fl checked feng-mian">
                                            <img src="">
                                            <br>
                                            <input type="button" value="上传图片" class="shangchuan-pic change-btn">
                                        </dd>
                                    </dl>
                                    <dl class="one clearFloat xinjian-tong">
                                        <dt class="fl">资讯正文</dt>
                                        <dd class="fl checked">
                                            <!--引进UEditor编辑器这个插件-->
                                            <div>
                                                <!--这句代码一贴上就开始报错,但是不影响页面的预览-->
                                                <textarea id="myEditor" style="width: 780px;margin:0 auto;" name="xinjiantuwenCont"></textarea>
                                            </div>

                                        </dd>
                                    </dl>
                                    <p class="save">
                                        <input type="submit" value="保存" class="houType change-btn" name="save"><!--这个地方需要有disabled,对这个的表单状态进行判断-->
                                        <input type="button" value="预览" class="yulan change-btn">
                                        <input type="submit" value="保存并发布" class="houType change-btn saveAndPub" style="padding:0 1px;">
                                    </p>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
    <!--左边的logo&侧边栏-->
    <div class="main_left fl">

        <div class="setSideBarPosition div_scroll">

            <div>

                <div class="logo"><img src="images/logo1.jpg" alt="全民健康"></div>
                <!--引用jqueryUI写出来的侧边栏-->
                <div id="accordion"></div>

            </div>
        </div>

    </div>

    <!--遮罩层-->
    <div class="mask-change"></div>
    <!--修改密码的弹出框-->
    <div class="chang-password">
        <div class="cancle"><img src="images/cha.png" alt=""></div>
        <h2>修改密码</h2>
        <form action="">
            <p><label for="now">新密码</label><input type="password" id="now" required name="newpassword"><span class="noEmpty">*不能为空</span></p>
            <p>
                <label for="con">再次输入新密码</label><input type="password" id="con" required name="reInput">
                <span class="noEmpty">*不能为空</span>
                <span class="noCommon">*与上面的不一致</span>
            </p>

            <p class="chang-p"><input type="submit" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-change-password" value="确定"></p>
        </form>
    </div>
    <!--密码修改成功-->
    <div class="change-success">
        密码修改成功!
    </div>
    <!--确定是否要退出-->
    <div class="tuichu every-tuichu">
        <h2>是否退出登录</h2>
        <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-exit" value="确定"></p>
    </div>
    <!--预览图文-->
    <div class="presee">
        <div class="cancle">
            <img src="images/cha.png" alt="">
        </div>
        <div class="clearFloat"></div>
        <div class="wrap-presee">
            <div class="presee-img">
                <img src="" width="100%" height="400">
            </div>
            <p class="sub-intro clearFloat">
                边吃饭边喝水会长胖吗?<br><span>2014-05-30</span>

            </p>
            <p class="presee-cont">
                6541564163
            </p>
            <div class="gong">
                <input type="button" value="取消" class="presee-cancle change-btn">
                <input type="submit" value="保存" class="houType change-btn" name="save"><!--这个地方需要有disabled,对这个的表单状态进行判断-->
                <input type="submit" value="保存并发布" class="saveAndPub yulan-yincang change-btn">
            </div>
        </div>

    </div>
    <!--上传图片的弹窗-->
    <div class="transfer" ng-controller="tanTag">
        <h3><span>选中图片</span> <img src="images/hui1.jpg" alt=""></h3>
        <div class="tuwen-tag clearFloat">
            <!--完整的tab切换,划过去左边开始切换-->
            <div class="tuwen-div fl">
                <!--<div class="all_pic">全部照片</div>-->
                <ul class="tuwen-ul"><!--从后台获取标签的名字-->
                    <li class="active" id="" num="1">全部照片</li><!--这个地方还有问题class="{{$first?'active':''}}" -->
                    <li  ng-repeat="i in tag" id="{{i.id}}" num="1">{{i.name}}</li>
                    <!--<li>生活(30)</li>-->
                </ul>
                <div class="add-fenzu">+&nbsp;添加分组</div>
            </div>
            <!--1--><!--对应的tab切换中右边的东西!-->
            <div class="tuwen-tag-right fl active">
                <div class="tupian-xia clearFloat">
                    <form action="" class="fileform">
                        <label class="shangchuan">本地上传
                            <input type="file" class="local" accept="img/*" name="fileSize">
                        </label>
                    </form>
                </div>
                <ul class="tag-tu-ul clearFloat" id="A_1"></ul>
                <div class="xuanzhong clearFloat">
                    <p class="fr tiaozhuan">
                        <img src="images/zuo1.png" class="prev">
                        <span class="page">1/18</span>
                        <img src="images/zuo2.jpg"  class="next">
                        <input type="text">
                        <span class="wrod">跳转</span>

                    </p>
                    <p class="fl">
                        封面图片只可选1张图片
                        <!--已选<span class="have">1</span>个，可选<span class="had">100</span>个-->
                    </p>
                </div>

                <div class="tupian-xia clearFloat">
                    <span class="fr">
                        <input type="button" value="确定上传" class="sureUpload change-btn">
                        <input type="button" value="取消" class="sc-tanchuang-quxiao change-btn">
                    </span>
                </div>
            </div>
            <!--2-->
            <div class="tuwen-tag-right fl">
                <div class="tupian-xia clearFloat">
                    <form action="" class="fileform">
                        <label class="shangchuan">本地上传
                            <input type="file" class="local" accept="img/*" name="fileSize">
                        </label>
                    </form>
                </div>
                <ul class="tag-tu-ul clearFloat" id="A_1"></ul>
                <div class="xuanzhong clearFloat">
                    <p class="fr tiaozhuan">
                        <img src="images/zuo1.png" class="prev">
                        <span class="page">1/18</span>
                        <img src="images/zuo2.jpg"  class="next">
                        <input type="text">
                        <span class="wrod">跳转</span>

                    </p>
                    <p class="fl">
                        封面图片只可选1张图片
                        <!--已选<span class="have">1</span>个，可选<span class="had">100</span>个-->
                    </p>
                </div>

                <div class="tupian-xia clearFloat">
                    <span class="fr">
                        <input type="button" value="确定上传" class="sureUpload change-btn">
                        <input type="button" value="取消" class="sc-tanchuang-quxiao change-btn">
                    </span>
                </div>
            </div>
            <!--3-->
            <div class="tuwen-tag-right fl">
                <div class="tupian-xia clearFloat">
                    <form action="" class="fileform">
                        <label class="shangchuan">本地上传
                            <input type="file" class="local" accept="img/*" name="fileSize">
                        </label>
                    </form>
                </div>
                <ul class="tag-tu-ul clearFloat" id="A_1"></ul>
                <div class="xuanzhong clearFloat">
                    <p class="fr tiaozhuan">
                        <img src="images/zuo1.png" class="prev">
                        <span class="page">1/18</span>
                        <img src="images/zuo2.jpg"  class="next">
                        <input type="text">
                        <span class="wrod">跳转</span>

                    </p>
                    <p class="fl">
                        封面图片只可选1张图片
                        <!--已选<span class="have">1</span>个，可选<span class="had">100</span>个-->
                    </p>
                </div>

                <div class="tupian-xia clearFloat">
                    <span class="fr">
                        <input type="button" value="确定上传" class="sureUpload change-btn">
                        <input type="button" value="取消" class="sc-tanchuang-quxiao change-btn">
                    </span>
                </div>
            </div>

            <!--上传图片弹框中的添加分组-->
            <div class="tuichu add-zu" ng-controller="group">
                <h3>添加分组</h3>
                <input type="text" class="txt" placeholder="请输入标签名称" ng-model="addName">
                <p class="chang-p"><input type="button" class="change-btn xinjian-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn" value="确定" ng-click="tiJiao()"></p>
            </div>
        </div>

    </div>

</body>

<script type="text/javascript" src="js/public/jquery.js"></script>
<script type="text/javascript" src="js/public/base64.js"></script>
<script type="text/javascript" src="url/address.js"></script>
<script type="text/javascript" src="js/public/mousewheel.js"></script>
<script type="text/javascript" src="js/public/easyscroll.js"></script>
<script type="text/javascript" src="js/myself/public.js"></script>
<script type="text/javascript" src="js/public/jquery-form.js"></script>
<!--引进angularJS-->
<script type="text/javascript" src="js/public/angular.min.js"></script>
<script type="text/javascript" src="js/myself/angular_ajax.js"></script>
<script type="text/javascript" src="js/myself/zixun_admin_common.js"></script>
<script type="text/javascript" src="js/myself/xinjiantuwen.js"></script>
<!--引用UEditor插件作为文本编辑器-->
<script type="text/javascript" src="js/public/ueditor.config.js"></script>
<script type="text/javascript" src="js/public/ueditor.all.min.js"> </script>
<script type="text/javascript" src="js/public/zh-cn.js"></script>
<!--UEditor配置-->
<script type="text/javascript">
    //实例化编辑器,,,建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('myEditor');
    //设置UEditor编辑区的width和height,,,,,
    ue.ready(function (){
        autoHeightEnabled:true,
        ue.setHeight(600);
        ue.setWidth(780);
    });
    function isFocus(e){
        alert(UE.getEditor('editor').isFocus());
        UE.dom.domUtils.preventDefault(e)
    }
    function setblur(e){
        UE.getEditor('editor').blur();
        UE.dom.domUtils.preventDefault(e)
    }
    function insertHtml() {
        var value = prompt('插入html代码', '');
        UE.getEditor('editor').execCommand('insertHtml', value)
    }
    function createEditor() {
        enableBtn();
        UE.getEditor('editor');
    }
    function getAllHtml() {
        alert(UE.getEditor('editor').getAllHtml())
    }
    function getContent() {
        var arr = [];
        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getContent());
        alert(arr.join("\n"));
    }
    function getPlainTxt() {
        var arr = [];
        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getPlainTxt());
        alert(arr.join('\n'))
    }
    function setContent(isAppendTo) {
        var arr = [];
        arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
        UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
        alert(arr.join("\n"));
    }
    function setDisabled() {
        UE.getEditor('editor').setDisabled('fullscreen');
        disableBtn("enable");
    }

    function setEnabled() {
        UE.getEditor('editor').setEnabled();
        enableBtn();
    }

    function getText() {
        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
        var range = UE.getEditor('editor').selection.getRange();
        range.select();
        var txt = UE.getEditor('editor').selection.getText();
        alert(txt)
    }

    function getContentTxt() {
        var arr = [];
        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
        arr.push("编辑器的纯文本内容为：");
        arr.push(UE.getEditor('editor').getContentTxt());
        alert(arr.join("\n"));
    }
    function hasContent() {
        var arr = [];
        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
        arr.push("判断结果为：");
        arr.push(UE.getEditor('editor').hasContents());
        alert(arr.join("\n"));
    }
    function setFocus() {
        UE.getEditor('editor').focus();
    }
    function deleteEditor() {
        disableBtn();
        UE.getEditor('editor').destroy();
    }
    function disableBtn(str) {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            if (btn.id == str) {
                UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
            } else {
                btn.setAttribute("disabled", "true");
            }
        }
    }
    function enableBtn() {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
        }
    }

    function getLocalData () {
        alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
    }

    function clearLocalData () {
        UE.getEditor('editor').execCommand( "clearlocaldata" );
        alert("已清空草稿箱")
    }
</script>

</html>
